<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>

<html>
	<head>
		<link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/resources/css/style.css"/>		
		<link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/resources/js/jquery-ui-1.10.4.custom.min.css"/>
		<link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/resources/css/ui.jqgrid-4.3.1.css"/>
		<link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/resources/js/layout-default-latest.css"/>
		<link rel="stylesheet" type="text/css" media="screen" href="${pageContext.request.contextPath}/resources/css/jquery-ui/blitzer/jquery-ui-1.10.4.custom.min.css"/>
		<link rel="shortcut icon" type="image/png" href="${pageContext.request.contextPath}/resources/images/favicon.png" />
		
		
		
		<script type='text/javascript' src="${pageContext.request.contextPath}/resources/js/jquery-2.1.0.min.js"></script>
		<script type='text/javascript' src="${pageContext.request.contextPath}/resources/js/jquery-ui-1.10.4.custom.min.js"></script>
		<script type='text/javascript' src="${pageContext.request.contextPath}/resources/js/grid.locale-en-4.3.1.js"></script>
		<script type='text/javascript' src="${pageContext.request.contextPath}/resources/js/jquery.jqGrid.src.js"></script>
		<script type='text/javascript' src="${pageContext.request.contextPath}/resources/js/jquery.ui-contextmenu.js"></script>
		<script type='text/javascript' src="${pageContext.request.contextPath}/resources/js/jquery.layout-latest.js"></script>
		<script type='text/javascript' src="${pageContext.request.contextPath}/resources/js/scripts.js"></script>
		<script type='text/javascript' src="${pageContext.request.contextPath}/resources/js/jquery.mask.js"></script>
		
		<title><tiles:insertAttribute name="title" ignore="true" /></title>
			
	
	</head>
	
	<body>
		<div id="dialogo-espera" title="" style="display: none;" align="center">
			<img src="${pageContext.request.contextPath}/resources/images/ajax-loader.gif">
		</div>
		
		<div class="pane ui-layout-center divLayout" style="display: none">
			<div class="ui-layout-content divLayout" style="display: none">
				<tiles:insertAttribute name="menu" />
				<tiles:insertAttribute name="body" />
			</div>
		</div>
		<div class="pane ui-layout-north divLayout" style="display: none"><tiles:insertAttribute name="header" /></div>
		<div class="pane ui-layout-south divLayout" style="display: none"><tiles:insertAttribute name="footer" /></div>
	</body>

	<script type="text/javascript">
		function terminoEspera()
		{
			$("#dialogo-espera").dialog("close");
			$(".divLayout").show();
		}
		$(document).ready(function () {
			$("#dialog:ui-dialog").dialog("destroy");
			$("#dialogo-espera").dialog({
				width: 100,
				height: 85,
				modal: true,
				dialogClass: "",
				resizable: false
			});
			$(".ui-dialog-titlebar-close").remove();
			$(".ui-dialog-titlebar").remove();
			$('body').layout({defaults: {applyDemoStyles: false, resizable: false, closable:false, onshow_end: terminoEspera()}});
		});
		

		
		
	</script>

</html>